<template>
	<view>
		<view class="cu-card article" :class="isCard?'no-card':''">
			<view class="cu-item shadow">
				<view class="title">
					<view class="text-cut">操作系统</view>
				</view>
				<view class="content">
					<image src="https://edu-image.nosdn.127.net/2FBF2643E1153A9C7CEA9F5D0B0CD3D6.jpg?imageView&thumbnail=426y240&quality=100"
					 mode="aspectFit"></image>
					<view class="desc">
						<view> 操作系统，主要介绍计算机的基本组成原理和内部工作机制。</view>
					</view>
				</view>
				<view class="base padding flex flex-wrap">
					<view class="padding-xs">计算机操作系统主要内容包括：\n </view>
					<view class="padding-xs" v-for="(item,index) in contentList" :key="index">
						<view class="cu-tag bg-cyan">{{item.name}}</view>
					</view>					
					<view class="padding-xs">
						\n学习操作系统原理的目的并不是让你去编写自己的操作系统，而是让你更好地理解你的程序运行的平台，从而更好地编写程序。
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isCard: true,
				contentList: [
					{name:'操作系统概述'},
					{name:'进程管理'},
					{name:'内存管理'},
					{name:'文件管理'},
					{name:'I/O设备'}
				],
				urls: ['']
			}
		},
		methods: {
			viewImg(){
				 //图片预览
				uni.previewImage({
				  urls: this.urls, // 当前显示图片的http链接
				  longPressActions: {
					  itemList: ['发送给朋友', '保存图片', '收藏'],
					  success: function(data) {
						  console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
					  },
					  fail: function(err) {
						  console.log(err.errMsg);
					  }
				  }
				})
			}
		}
	}
</script>

<style>

</style>
